<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:fragment="header(title)">
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <title th:replace="${title}">Title</title>
    <link href="../static/dist/semantic/semantic.min.css" rel="stylesheet" th:href="@{/dist/semantic/semantic.min.css}">
    <link href="../static/css/me.css" rel="stylesheet" th:href="@{/css/me.css}">
    <link rel="stylesheet" href="../../static/lib/editormd/css/editormd.min.css" th:href="@{/lib/editormd/css/editormd.min.css}">
</head>
<body>
<!-- 导航 -->

<nav class="ui segment attached m-padded-tb-mini m-background-small" style="z-index: 2" th:fragment="menu(n)">
    <div class="ui secondary stackable menu m-margin-tb-mini">
        <h2 class="ui brown header item m-padded-mini">管理后台</h2>
        <a href="#"  th:href="@{/admin/blogs}" class="right m-item item m-mobile-hide  m-padded-tb-small" th:classappend="${n==1} ? 'active'"><svg class="icon1" aria-hidden="true">
            <use xlink:href="#icon-shouye"></use>
        </svg>博客管理</a>
        <a href="#"  th:href="@{/admin/types}" class="m-item item m-mobile-hide m-padded-tb-small" th:classappend="${n==2} ? 'active'"><svg class="icon1" aria-hidden="true">
            <use xlink:href="#icon-fenlei1"></use>
        </svg> 分类</a>
        <a href="#"  th:href="@{/admin/tags}" class="m-item item m-mobile-hide  m-padded-tb-small" th:classappend="${n==3} ? 'active'"><svg class="icon1" aria-hidden="true">
            <use xlink:href="#icon-_biaoqian"></use>
        </svg> 标签</a>
        <div class="m-item  m-mobile-hide menu" th:classappend="${n==4} ? 'active'">
            <div class="ui dropdown item">
                <div class="text">
                    <img src="../../static/images/Cache_-79d079ba8ca743f7..jpg" alt="" class="ui avatar image" th:src="@{${session.user.avatar}}">
                    <span th:text="${session.user.nickname}"></span>
                </div>
                <i class="dropdown icon"></i>
                <div class="menu">
                    <a href="#" th:href="@{/admin/logout}" class="item">注销</a>
                </div>
            </div>
        </div>

    </div>
    <div class="ui modal m-container-mini">
        <i class="close icon"></i>
        <h2 class="ui grey header item ">请输入搜索内容</h2>
        <div class=" ui right icon input">
            <input type="text" placeholder="搜索....">
            <i class="search link icon"></i>
        </div>
    </div>
    </div>
    <a href="#" class="ui menu toggle black icon button m-right-top m-mobile-show"
       style="background: rgba(0,0,0,0)"><i class="sidebar icon"></i></a>
</nav>

<!-- 底部 -->
<footer class="ui inverted vertical segment m-padded-tb-small m-position-bottom" th:replace="_fragments :: footer" style="background: rgba(0,0,0,0.5)">
    <div class="ui center aligned container">
        <p class="m-text-thin m-text-spaced m-opacity-tiny">Copyright © 2022 猪油骨</p>
        <a href="http://beian.miit.gov.cn/" target="_blank"
           class="m-text-thin m-text-spaced m-opacity-tiny">桂ICP备2022010618号</a>
    </div>
</footer>
<th:block th:fragment="script">
    <script src="../static/dist/jquery/jquery-3.6.0.min.js" th:src="@{/dist/jquery/jquery-3.6.0.min.js}"></script>
    <script src="../static/dist/semantic/semantic.min.js" th:src="@{/dist/semantic/semantic.min.js}"></script>
    <script  src="/static/lib/editormd/editormd.min.js" th:src="@{/lib/editormd/editormd.min.js}"></script>
    <script src="/static/lib/font_3778293_cgykn3zjhgv/iconfont.js" th:src="@{/lib/font_3778293_cgykn3zjhgv/iconfont.js}"></script>
</th:block>
</body>
</html>
